import { FC } from "react"

import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
import { useLocale } from "@/locales"

export type UserNameTypeField = {
	userNameTypeCode: string
}
const UserNameTypeSelector: FC = () => {
	const { formatMessage } = useLocale()
	//老项目中的设置
	const options = [
		{ label: formatMessage({ id: "label.member.member_number" }), value: 0 },
		{ label: formatMessage({ id: "label.member.nickname" }), value: 4 },
		{ label: formatMessage({ id: "label.member.top_agent" }), value: 2 },
		{ label: formatMessage({ id: "label.agent.belongName" }), value: 5 },
		{ label: formatMessage({ id: "label.member.general_representative_name" }), value: 3 }
	]

	return (
		<SFormItem name="userNameType">
			<StyleSelect options={options} style={{ width: "150px" }} placeholder={formatMessage({ id: "label.select_all" })} />
		</SFormItem>
	)
}

export default UserNameTypeSelector
